<div class="rili">
	<headss>
		<div class="nav" slot="center">
			<div class="search">
				<img src="https://lanhu.oss-cn-beijing.aliyuncs.com/ps4r3eenrh75bxauztbqyxvdmif33ioxh4oed9eed8c-e339-4dfb-9129-a7f63f544402" alt="">
				<p class="txt1">搜索你想要的</p>
			</div>
			<div class="sear-button">
					<img src="https://lanhu.oss-cn-beijing.aliyuncs.com/psqy72cr3gogbl9ukod5k6tgu4eb1dmaff15e8183-b535-4460-b7ef-2fbeddc4c717" alt="">
			</div>
		</div>
	</headss>
	<!-- 头部导航栏 -->
	
	<!-- tabs切换页面 -->
	<div class="tabs">
		<tabs :list="list" :active="actives" @tabs="change"></tabs>
	</div>
	<!-- tabbar切换页面 -->
			<div class="content">
				<!-- tabbar切换的swiper -->
				<swiper
					  class="swiper"
					  ref="mySwipers"		
					  :options="swiperOption"
				>	
					<!-- 第一个tabbar里面顶部的swiper滚动 -->
					<swiper-slide class="silde-one">
						<swiper class="swiperbox" :options="swiperOptionone">
							<swiper-slide class="text">
						<!-- 第一个tabbar里面的滚动 -->
						<swiper class="swipers" :options="swiperOptions">
							<swiper-slide  class="title-list" v-for="(item,index) in loopData0" :key="index">						
										<img :src="item.lanhuimage0" alt="">						
							</swiper-slide>						
						</swiper>
						  <!-- 内容区域 -->
						  <div class="info" v-for="(item,index) in info" :key="index">
							<div class="inof-t">
								<div class="info-t-l">
									<div class="info-t-l-l">
										<img :src="item.imageName" alt="">
									</div>
									<div class="info-t-l-r">
										<p>{{item.name}}</p>
										<p>{{item.desc}}</p>
									</div>
								</div>
								<div class="info-t-r">
									<p>{{item.data}}</p>
								</div>
							</div>
							<div class="info-c">
								<div class="info-c-logo">
									<swiper class="info-swiper" :options="swiperOptions">
										<swiper-slide  class="info-swiper-list" v-for="(items,indexs) in item.imglist" :key="indexs">						
											<img :src="items.img" alt="">						
										</swiper-slide>					
									</swiper>				
								</div>
								<div class="info-c-bott">
									<p>狗狗是人类的最好的朋友，它们忠诚可靠，守护着他们的主人不离不弃。甚至，比生命更为重要。</p>
								</div>
							</div>
							<div class="inof-b">
								<div class="info-b-l">
									<div class="info-b-l-l">
										 <img src="https://lanhu.oss-cn-beijing.aliyuncs.com/psec4d3jw7yk91mk1shzz6sy6cgczo8tmcv7ee21f02-a4f8-4556-8f0d-822869e00256" alt="">
										 <img src="https://lanhu.oss-cn-beijing.aliyuncs.com/psec4d3jw7yk91mk1shzz6sy6cgczo8tmcv7ee21f02-a4f8-4556-8f0d-822869e00256" alt="">
										 <img src="https://lanhu.oss-cn-beijing.aliyuncs.com/psec4d3jw7yk91mk1shzz6sy6cgczo8tmcv7ee21f02-a4f8-4556-8f0d-822869e00256" alt="">
									</div>
									<div class="info-b-l-r">
										 <p>等人评论过</p>
									</div>
								</div>
								<div class="info-b-r">
									<div class="info-b-r-list">
										 <img src="https://lanhu.oss-cn-beijing.aliyuncs.com/ps17rc6ck9fdbpkml96t1fy5oy4alilx7qc5697df8-fb2c-485d-a9d8-1997a592d275" alt="">
										 <p>{{item.sel}}</p>
									</div>
									<div class="info-b-r-list">
										<img src="https://lanhu.oss-cn-beijing.aliyuncs.com/ps6fk6lreqfbik0cpwm1vfl400fnmef1ck3e583689-832c-46e0-a8af-f2593728b5bf" alt="">
										<p>{{item.sec}}</p>
								   </div>
								   <div class="info-b-r-list">
									<img src="https://lanhu.oss-cn-beijing.aliyuncs.com/psymjmjzb13cgn57gmytdzd8gfr80lp60ge530ab77f-786f-4085-b8cf-839f514e7eb0" alt="">
									<p>{{item.set}}</p>
							   </div>
								</div>
							</div>
						  </div>
					  </swiper-slide>	
					</swiper>	
					</swiper-slide>
					<swiper-slide class="silde-two">
						<swiper class="swiperbox" :options="swiperOptionone">
							<swiper-slide class="text">
						<!-- 第一个tabbar里面的滚动 -->
								<swiper class="swipers-two" :options="swiperOptions">
									<swiper-slide  class="title-lists" v-for="(item,index) in loopData0" :key="index">						
												<img :src="item.lanhuimage0" alt="">
												<p>王泡芙</p>	
												<p>知名萌宠博主</p>
												<button>+关注</button>					
									</swiper-slide>						
								</swiper>
						  <!-- 内容区域 -->
						  <div class="info" v-for="(item,index) in info" :key="index">
							<div class="inof-t">
								<div class="info-t-l">
									<div class="info-t-l-l">
										<img :src="item.imageName" alt="">
									</div>
									<div class="info-t-l-r">
										<p>{{item.name}}</p>
										<p>{{item.desc}}</p>
									</div>
								</div>
								<div class="info-t-r">
									<p>{{item.data}}</p>
								</div>
							</div>
							<div class="info-c">
								<div class="info-c-logo">
									<div class="info-swiper-lists">
										<img src="https://lanhu.oss-cn-beijing.aliyuncs.com/psp50p5x8za3ibmpxldn47dmm6c0lv1p9a9b7e57db-6888-4a8b-8998-fcaaeb42a98c" alt="">
									</div>											
								</div>
								<div class="info-c-bott">
									<p>狗狗是人类的最好的朋友，它们忠诚可靠，守护着他们的主人不离不弃。甚至，比生命更为重要。</p>
								</div>
							</div>
							<div class="inof-b">
								<div class="info-b-l">
									<div class="info-b-l-l">
										 <img src="https://lanhu.oss-cn-beijing.aliyuncs.com/psec4d3jw7yk91mk1shzz6sy6cgczo8tmcv7ee21f02-a4f8-4556-8f0d-822869e00256" alt="">
										 <img src="https://lanhu.oss-cn-beijing.aliyuncs.com/psec4d3jw7yk91mk1shzz6sy6cgczo8tmcv7ee21f02-a4f8-4556-8f0d-822869e00256" alt="">
										 <img src="https://lanhu.oss-cn-beijing.aliyuncs.com/psec4d3jw7yk91mk1shzz6sy6cgczo8tmcv7ee21f02-a4f8-4556-8f0d-822869e00256" alt="">
									</div>
									<div class="info-b-l-r">
										 <p>等人评论过</p>
									</div>
								</div>
								<div class="info-b-r">
									<div class="info-b-r-list">
										 <img src="https://lanhu.oss-cn-beijing.aliyuncs.com/ps17rc6ck9fdbpkml96t1fy5oy4alilx7qc5697df8-fb2c-485d-a9d8-1997a592d275" alt="">
										 <p>{{item.sel}}</p>
									</div>
									<div class="info-b-r-list">
										<img src="https://lanhu.oss-cn-beijing.aliyuncs.com/ps6fk6lreqfbik0cpwm1vfl400fnmef1ck3e583689-832c-46e0-a8af-f2593728b5bf" alt="">
										<p>{{item.sec}}</p>
								   </div>
								   <div class="info-b-r-list">
									<img src="https://lanhu.oss-cn-beijing.aliyuncs.com/psymjmjzb13cgn57gmytdzd8gfr80lp60ge530ab77f-786f-4085-b8cf-839f514e7eb0" alt="">
									<p>{{item.set}}</p>
							   </div>
								</div>
							</div>
						  </div>
					  </swiper-slide>	
					</swiper>			
					</swiper-slide>
				</swiper>
			</div>

</div>